
// /* PC端 */
// /* >=1920px */
// @media (min-width:1921px) {
//     html{
//         font-size: 26px;
//     }
// }
 
// @media (max-width:1920px) {
//     html{
//         font-size: 26px;
//     }
// }
 
// @media (max-width:1600px) {
//     html{
//         font-size: 24px;
//     }
// }
.neiye{
    // background-color: rgb(224, 94, 94);
    // .nav {
    //     position: fixed;
    //     top: 50%;
    //     left: 0;
    //     transform: translate(0,-50%);
    //     z-index: 1000;
    //     li{
    //         display: block;
    //         background-color: rgba(156, 152, 152,.6);
    //         color: rgb(34, 45, 206);
    //         font-size: .5rem;
    //         height: 1rem;
    //         // text-align: center;
    //         margin-top: .1rem;
    //         a {
    //             display: inline-block;
    //             width: 1rem;
    //             height: 1rem;
    //             span{
    //                 display: inline-block;
    //                 width: 1rem;
    //                 height: 1rem;
    //             }
    //             label{
    //                 display: none;
    //             }
                
    //         }
    //         &:nth-child(1) span{ 
    //             background:url(../images/tool_bg1.png) center center no-repeat;
    //         }
    //         &:nth-child(2) span{ 
    //             background:url(../images/tool_bg2.png) center center no-repeat;
    //         }
    //         &:nth-child(3) span{ 
    //             background:url(../images/tool_bg3.png) center center no-repeat;
    //         }
    //         &:nth-child(4) span{ 
    //             background:url(../images/tool_bg4.png) center center no-repeat;
    //         }
    //         &:nth-child(5) span{ 
    //             background:url(../images/tool_bg5.png) center center no-repeat;
    //         }
    //         &:nth-child(6) span{ 
    //             background:url(../images/tool_bg6.png) center center no-repeat;
    //         }
    //         &:nth-child(7) span{ 
    //             background:url(../images/tool_bg1.png) center center no-repeat;
    //         }
    //     }
    //     a:hover{
    //        background-color: #f60;
    //        width: 3.5rem;
    //        position: relative;
    //        overflow: hidden;
    //        word-wrap: none;
    //     //    line-height: 1rem;
    //        label{
    //            display: inline-block;
    //            color: #fff;
    //            font-size: .35rem;
    //            position: absolute;
    //            left: 1rem;
    //            top: .28rem;

    //        }
    //     }
    // }
    .section{
        // width: 90%;
        // display: flex;
        // justify-content: center;
        width: 95%;
        height: 13.5rem;
        // margin: 0 125px;
        margin: auto;
        background-repeat:no-repeat; 
        background-position:top left;
        background-size:cover;
        .gy2{ 
            // height: 13.5rem
            // flex: 1;
            // position: relative;
            display: flex;
            height: 100%;
            align-items: center;
            .imgs{
                flex: 1;
            }
            
            .txts{
                flex: 1;
                h2{
                    font-size: 1rem;
                    height: 2.5rem;
                    line-height: 1rem;
                    color: #fff;
                    span{ 

                        display: block;
                        height: 1rem;
                        line-height: 1rem;
                        font-size: .3rem;
                    }
                }
                p{
                    width: 8rem;
                    font-size: 0.2rem;
                    line-height: 0.35rem;
                    color: #fff;

                }
                .a{
                    margin-top: 1rem;
                    overflow: hidden;
                    a{
                        float:left;
                        width: 2.35rem; 
                        border-radius: .325rem; 
                        border: 1px solid #fff; 
                        text-align:left; 
                        text-indent: .375rem; 
                        background:url(../images/zhanti_ico1.png) 1.525rem center no-repeat; 
                        font-size: .2rem; 
                        height: .575rem; 
                        line-height: .575rem; 
                        color:#fff; 
                        margin-right: .225rem; 
                        position:relative;
                    }
                }
            }
            
        }
    }
    .service-wrap1{
        background-image:url(../images/zhanti_bg1.jpg); 
        .imgs{
            flex: 1;
            background: url(../images/zhanti1_pic1.png) no-repeat center / contain;
            height: 5.5rem;
            position: relative;
            img{
                position: absolute;
                width: 2rem;
                height: 2rem;
                bottom: 0;
                left: 20%;
            }
        }
        .txts{
            flex: 1;
        }
    }
    .service-wrap2{
        background-image:url(../images/zhanti_bg2.jpg);
        .gy2{
            .txts{
                padding-left: 2rem;
            
                h2{
                    color: #000;
                }
                p{
                    color: #000;
                }
                .a{
                    a{
                        color: #000;
                        border: 1px solid #000;
                        background: url(../images/zhanti_ico3.png) 1.525rem center no-repeat;
                    }
                }
            }
            .imgs{
                position: relative;
                height: 13.5rem;
                width: 100%;
                img{
                    // width: 2rem;
                    position: absolute;
                    height: 6rem;
                    &:nth-child(1){
                        top: 0;
                        left: 0;
                    }
                    &:nth-child(2){
                        top: 5rem;
                        left: 0rem;
                    }
                    &:nth-child(3){
                        top: 2rem;
                        right: 0;
                    }
                }
            }
        }
        
        
    }
    .service-wrap3{
        background-image:url(../images/zhanti_bg3.jpg);
        .imgs{
            flex: 1;
            height: 5rem;
            background: url(../images/zhuanti3_pic1.png) no-repeat center/contain;
            img{
                width: 6.2rem;
                height: 3.5rem;
                margin-left: 22%;
                margin-top: 0.4rem;
                // background: #000;
            }

        }
        .txts{
            flex: 1;
        }
    }
    .service-wrap4{
        background-image:url(../images/zhanti_bg4.jpg);
        .gy2{
            .txts{
                padding-left: 2rem;
            
            }
            .imgs{
                height: 13.5rem;
                position: relative;
                img{
                    position: absolute;
                    width: 7rem;
                    &:nth-child(1){
                        top: 0rem;
                        left: 0;
                    }
                    &:nth-child(2){
                        top: 3rem;
                        left: 2.5rem;
                    }
                    
                }
            }
        }
    }
    .service-wrap5{
        background-image:url(../images/zhanti_bg5.jpg);
        .imgs{
            flex: 1;
            height: 6rem;
            background: url(../images/zhuanti5_pic1.png) no-repeat center/contain;
            img{
                width: 6.8rem;
                height: 3.8rem;
                margin-left: 20%;
                margin-top: 0.28rem;
                // background: #000;
            }

        }
    }
    .service-wrap6{
        background-image:url(../images/zhanti_bg6.jpg);
        .gy2{
            .txts{
                padding-left: 2rem;
            
                h2{
                    color: #000;
                }
                p{
                    color: #000;
                }
                .a{
                    a{
                        color: #000;
                        border: 1px solid #000;
                        background: url(../images/zhanti_ico3.png) 1.525rem center no-repeat;
                    }
                }
            }
            .imgs{
                position: relative;
                height: 13.5rem;
                width: 100%;
                img{
                    // width: 2rem;
                    position: absolute;
                    height: 8rem;
                    &:nth-child(1){
                        top: 3rem;
                        left: 0;
                    }
                }
            }
        }
        
    }
    .service-wrap7{
        background-image:url(../images/zhanti_bg7.jpg);
        .gy2{
            .imgs{
                position: relative;
                height: 13.5rem;
                width: 100%;
                img{
                    // width: 2rem;
                    position: absolute;
                    height: 6.5rem;
                    top: 3.5rem;
                }
            }
        }
    }
}
#section-footer{
    // height: 5rem;
    background-color: rgb(80, 201, 231);
    margin-top: 1rem;
    footer{
        padding: 1rem;
        .foot_center{
            display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            li {
               padding: 0 1rem;
               flex: 1;
               h3{
                   font-size: .2rem;
                   height: .8rem;
                   line-height: .8rem;
                   border-bottom: 1px solid #ccc;
                   position: relative;
                   color: rgb(61, 60, 60);
                   &:after{
                       content: '';
                       display: inline-block;
                       width: .8rem;
                       height: .1rem;
                       border-bottom: 4px solid #f60;
                       position: absolute;
                       bottom: -.02rem;
                       right: 0;
                   }
               }
            }
            p{
                margin-top: .2rem;
                font-size: .18rem;
                line-height: 0.4rem;
                color: rgb(61, 60, 60);
                display: flex;
                span{
                    flex: 1;
                    padding: 0 2px;
                    label{
                        display: block;
                    }
                }
            }
        }
    }
}


@media (max-width:1200px) {
    .neiye{
        .service-wrap1{
            .gy2{
                .txts{
                    h2{
                        span{
                            font-size: .4rem;
                            height: 1.3rem;
                            line-height: 1.3rem;
                        }
                    }
                    p{
                        font-size: .3rem;
                        line-height: .5rem;

                    }
                    .a{

                    }
                }
            }
        }
    }

}
 
 
@media (max-width:996px) {
    .neiye{
        .section{
            .gy2{
                .txts{
                    h2{
                        font-size: 1.2rem;
                        height: 3rem;
                        width: 10rem;
                        span{
                            font-size: .5rem;
                            height: 1.8rem;
                            line-height: 1.8rem;
                        }
                    }
                    p{
                        width: 10rem;
                        line-height: .7rem;
                        font-size: .4rem;
                    }
                    .a{
                        a{
                            width: 4.55rem;
                            height: 1rem;
                            line-height: 1rem;
                            border-radius: .6rem;
                            text-indent: .875rem; 
                            background:none;
                         }
                        
                    }
                }
            }
        }
    }

    #section-footer{
        footer{
            padding: .5rem;
            .foot_center{
                display: flex;
            flex-direction: column;
                li {
                   margin-top: 1rem;
                   flex: 1;
                   h3{
                       font-size: .5rem;
                       height: 1.5rem;
                       line-height: 1.5rem;
                       font-weight: 500;
                       &:after{
                           content: '';
                           display: inline-block;
                           width: .8rem;
                           height: .1rem;
                           border-bottom: 4px solid #f60;
                           position: absolute;
                           bottom: -.02rem;
                           right: 0;
                       }
                   }
                }
                p{
                    margin-top: .6rem;
                    font-size: .18rem;
                    line-height: 1rem;
                    color: rgb(61, 60, 60);
                    display: flex;
                    span{
                        flex: 1;
                        padding: 0 1px;
                        label{
                            display: block;
                        }
                    }
                }
            }
        }
    }
    
}
@media (max-width:600px) {
    .neiye{
        .section{
            .gy2{
                .txts{
                    h2{
                        width: 100%;
                        height: 3rem;
                        span{
                            font-size: .5rem;
                            height: 1.6rem;
                            line-height: 1.6rem;
                        }
                    }
                    p{
                        width: 100%;
                        line-height: 1rem;
                    }
                    .a{
                        a{
                            width: 4.55rem;
                            height: 1rem;
                            line-height: 1rem;
                            border-radius: .6rem;
                            text-indent: .875rem; 
                            background:none; 
                        // font-size: .2rem; 
                        // height: .575rem; 
                        // line-height: .575rem; 
                        // color:#fff; 
                        // margin-right: .225rem; 
                        // position:relative;
                        }
                    }
                }
            }
        }
    }
    
}